<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<title>插件使用</title>
	<style>
    .radio{
    display: inline-block;
    width: 24px;
    height: 24px;
    background: url(images/icon_circle-empty.png) no-repeat;
    cursor: pointer;
    }
    .radio-f{
    background-position: -25px 0;
    }
    .radiog{
    display: inline-block;
    width: 24px;
    height: 24px;
    background: url(images/icon_circle-green.png) no-repeat;
    cursor: pointer;
    }
    .radiog-f{
    background-position: -25px 0;
    }
	</style>
</head>
<body>
	<p>图片都可以通过css去控制</p>	
	<div class="app1">
		<!-- <i name="a" class="radio "><input name="a" type="radio"></i>
		<i name="a" class="radio"><input name="a" type="radio"></i> -->
	    <p>radio形式的框</p>
		<input type="radio" checked="ture" list-class="radio|radio-f" name="a" id="a2"><label for="a2">a</label>
		<input type="radio"  list-class="radio|radio-f" name="a" id ="a1"><label for="a1">b</label><br>		
		<input type="radio" checked="ture" list-class="radiog|radiog-f" name="b">		
		<input type="radio"  list-class="radiog|radiog-f" name="b">
		<br>
		<p>checkbox形式的复选框</p>
		<input type="checkbox" checked="ture" list-class="radiog|radiog-f" >		
		<input type="checkbox"  list-class="radiog|radiog-f" >		
	</div>

</body>
<script src="../js/zepto.min.js"></script>
<script src="../js/check-type.js"></script>
<script>
$(".app1").inputSet();
</script>
</html>